<template>
<!-- 财务管理还款页面 -->
    <div>
        <div class="opeCom">
            <h4>还款记录</h4>
            <div class="choice">
                <el-form ref="form" :model="form" size="mini" :inline="true" class="demo-from-inline">
                    <el-form-item label="">
                        
                            <el-input v-model="form.number" placeholder="请输入手机号"></el-input>
                       </el-form-item>
                        <el-form-item label="">
                            <el-button type="primary">搜索</el-button>
                    
                    </el-form-item>
                </el-form>
            </div>
        </div>
        <el-table :data="tableData.slice((currentPage-1)*pagesize,currentPage*pagesize)" style="width: 100%">
            <el-table-column prop="number" label="借款人">
            </el-table-column>
            <el-table-column prop="name" label="借款金额">
            </el-table-column>
            <el-table-column prop="uptime" label="借款时长">
            </el-table-column>
            <el-table-column prop="authentime" label="到账金额">
            </el-table-column>
            <el-table-column prop="comtime" label="服务费">
            </el-table-column>
            <el-table-column prop="comresult" label="约定还款日" width="180px">
            </el-table-column>
            <el-table-column prop="person" label="实际放款时间" width="180px">
            </el-table-column>
            <el-table-column prop="res" label="已逾期天数" width="100px">
            </el-table-column>
            <el-table-column prop="result" label="状态">
            </el-table-column>
            <el-table-column prop="operate" label="操作">
                <template slot-scope="scope">
                                    <router-link :to="'finance-detail/146'"><el-button type="text" size="small">查看</el-button>
                                    </router-link>
    </template>
      </el-table-column>
    </el-table>
    <div class="pagination">
        <el-pagination
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        layout="prev,pager,next"
        :page-size="pagesize"
        :current-page="currentPage"
        :total="tableData.length"
        >

        </el-pagination>
    </div>
    </div>
</template>
<script>
    export default {
        data() {
            return {
                hiden: false,
                 pagesize:1,
                currentPage:1,
                form: {
                    region1: '',
                    region2: '',
                    date1: '',
                    date2: ''
                },
                tableData: [{
                        number: '杨建1',
                        name: '1000.00',
                        uptime: '7天',
                        authentime: '800.00',
                        comtime: '200.00',
                        comresult: '2017-12-21 16:31:38',
                        person: '2017-12-21 16:31:38',
                        res: '0',
                        result: '已放款',
                        operate: ''
                    },
                    {
                        number: '杨建2',
                        name: '1000.00',
                        uptime: '7天',
                        authentime: '800.00',
                        comtime: '200.00',
                        comresult: '2017-12-21 16:31:38',
                        person: '2017-12-21 16:31:38',
                        res: '0',
                        result: '已放款3',
                        operate: ''
                    },
                    {
                       number: '杨建3',
                        name: '1000.00',
                        uptime: '7天',
                        authentime: '800.00',
                        comtime: '200.00',
                        comresult: '2017-12-21 16:31:38',
                        person: '2017-12-21 16:31:38',
                        res: '0',
                        result: '已放款',
                        operate: ''
                    },
                    {
                        number: '杨建4',
                        name: '1000.00',
                        uptime: '7天',
                        authentime: '800.00',
                        comtime: '200.00',
                        comresult: '2017-12-21 16:31:38',
                        person: '2017-12-21 16:31:38',
                        res: '0',
                        result: '已放款',
                        operate: ''
                    }
                ],
                fileList: []
            }
        },
        methods: {
             handleSizeChange(val){
this.pagesize=val;
            },
            handleCurrentChange(val){
            this.currentPage=val;
        }
        }
    }
</script>
<style lang="scss" scoped>
    @import '../../css/topChoice.scss';
    @import '../../css/loan.scss';
    .hide {
        visibility: hidden;
    }
    .applyList{
        display: flex;
        align-items: center;
    }
</style>
